Units, Formats, Environments

Back to Home

01. Sizing Intro
02. All about Bits and Pixels
03. Requests and Revenue
04. Relative Sizing
05. IMPORTANT! Udacity Front End Feedback Extension
06. calc()
07. Landscape and Portrait
08. Less Well Known CSS Units
09. Raster and Vector
10. Raster or Vector Banner?
11. Raster and Vector Identification
12. File formats
13. Spot the Differences
14. Spot the Differences 2
15. Image Compression
16. Project Part 1
17. Lesson Summary

Back to Home

12. File formats

File formats

INSTRUCTOR NOTE:

Examples:

Photo with logo as JPEG
Photo as JPEG, logo overlaid as SVG
SVG v PNG v JPG

Image optimization

More about WebP

Browser support for WebP

udacimak v1.3.0